<template>
  <div class="library-container">
    <div class="header">
      <h2>图书借阅服务</h2>
      <p>信用借阅，让阅读更便捷</p>
    </div>
    <div class="detail-entry">
      <!-- 可根据需要添加服务简要介绍或图片 -->
    </div>
  </div>
</template>

<script>
export default {
  name: 'Library'
};
</script>

<style scoped>
.library-container {
  min-height: 100vh;
  background: radial-gradient(ellipse at center, #001e3c 0%, #000 100%);
  padding: 20px;
  color: #fff;
}
.header {
  text-align: center;
  padding: 40px 0;
}
.header h2 {
  color: #4fc3f7;
  font-size: 28px;
  margin-bottom: 10px;
}
.header p {
  color: #b0bec5;
  font-size: 16px;
}
.detail-entry {
  text-align: center;
  margin-top: 60px;
}
.detail-entry i {
  font-size: 60px;
  color: #4fc3f7;
  margin-bottom: 20px;
}
.detail-entry p {
  font-size: 20px;
  color: #fff;
  margin: 10px 0 20px 0;
}
</style>
